<template>
  <div class="py-4 text-center text-gray-500 text-sm" :class="customClass">
    <van-image :src="imageSrc" :width="imageWidth" fit="contain" class="mb-2" />
    <div v-if="text">{{ text }}</div>
    <slot />
  </div>
</template>

<script setup>
import { computed } from "vue";

const props = defineProps({
  text: {
    type: String,
    default: "暂无数据"
  },
  imageSrc: {
    type: String,
    default: () => `${import.meta.env.VITE_IMG_CDN_39}/member/none_empty2.png`
  },
  imageWidth: {
    type: [String, Number],
    default: "98"
  },
  customClass: {
    type: String,
    default: ""
  }
});
</script>
